<template>
  <div class="common-layout">
    <el-container>
      <el-header style="background-color: #fff" height="60px">
        <Header />
      </el-header>
      <el-container>
        <el-aside
          width="230px"
          style="background-color: #fff;"
        >
          <Aside />
        </el-aside>
        <el-scrollbar height="675px" style="width: 100%">
          <el-main style="background-color: rgb(238, 238, 238);">
            <Main />
          </el-main>
        </el-scrollbar>
      </el-container>
    </el-container>
  </div>
</template>

<script setup>
import Aside from "./layout/aside/Aside.vue";
import Header from "./layout/header/Header.vue";
import Main from "./layout/main/Main.vue";
</script>
